import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import ClassNames from 'classnames';
import { Step,Row,Col,Button } from 'tinper-bee';
import App from 'layout/App.js'
import './index.less';
import 'nprogress/nprogress.css';
import NProgress from 'nprogress';

export default class NotFoundPage extends Component{
  constructor(props){
    super(props);
    this.state = {
    }
  }
  componentDidMount(){
    NProgress.start();
    setTimeout(()=>{NProgress.done()},1000);
  }
  backToPage = () => {
    //console.log(parent)
    parent.window.history.go(-1);
  }
  render(){
    return (
      <App>
        <div className="not-found">
             <div className="not-found-img"></div>
             <p>当前版本，此功能仅支持APP端使用！</p>
             <Button colors="primary" onClick={this.backToPage}>返回</Button>
        </div>
      </App>)
  }
}

NotFoundPage.contextTypes = {
  router : PropTypes.object
}
